{extend name="public/base"/}
{block name="body"}
    <header style="position:relative">
        <div class="bg_top"></div>
        <div class="traval-bgi">
            <img width="100%" src="/static/index/images/b2_ban.jpg" alt="">
        </div>
    </header>   
    <div>
        <div class="container">
            <div class="row">
                <!-- Nav tabs -->
                <ul role="tablist" class="col-xs-12 col-sm-12 col-md-2 col-lg-2 traval-menu">
                    <li>大众之旅</li>
                    {foreach $sales as $key=>$value }
                        <li role="presentation">
                            <a href="#traval_{$value.id}" aria-controls="order" role="tab" data-toggle="tab">
                                {$value.title}
                            </a>
                        </li>
                    {/foreach}
                </ul>
                <!-- Tab panes -->
                <div class="col-xs-12 col-sm-12 col-md-10 col-lg-10 tab-content traval-menu-content">
                    {foreach $sales as $key=>$value }
                    <div role="tabpanel" class="tab-pane {if $key==0}active{/if}" id="traval_{$value.id}">
                        <div style="border-bottom: 1px solid #dae0e4;padding-bottom: 5px;">
                            <span style="font-size: 20px;font-weight: bold;">{$value.title}</span>
                            <span style="font-size: 20px;color: #d3d2d2;">{$value.title_en}</span>
                        </div>
                        <div>
                            <div style="margin: 10px 0;">
                                {$value.detail|raw}
                            </div>
                        </div>
                    </div>
                    {/foreach}
                </div>
            </div>
        </div>
    </div>
{/block}